<template>
	<view class="content">
		
		<view class="title">登录您的账户</view>
		<view class="text">新用户登录后将自动创建账号</view>
		<view class="input">
			<uni-easyinput v-model="value" placeholder="请输入手机号"></uni-easyinput>
			<uni-easyinput type="password" v-model="password" placeholder="请输入密码"></uni-easyinput>
		</view>
		<text >忘记密码？</text>
		
		<view class="button">
		    <button @click="clickFun">登录</button>
		    <view>验证码登录</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
		 clickFun () {
		    uni.navigateTo({
		    	url: "../parent/parent"
		    })
		  }
		}
	}
</script>

<style>
.title {
    font-weight: 900;
    font-size: 50rpx;
    margin-left: 100rpx;
    margin-top: 100rpx ;
    margin-bottom: 20rpx;
}
/* 登录提示 */
.text {
    margin-left: 100rpx;
    font-size: 26rpx;
    margin-bottom: 100rpx;
}
/* 手机密码输入框 */
/* uni-easyinput{
	margin-top: 100rpx !important;
	border-radius: 50rpx !important;
	border: 1px solid !important;
	width: 300rpx !important;
	height: 100rpx !important;
} */
.input {
	width: 550rpx;
	margin-left: 100rpx;	
	height: 220rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	
}
text {
	margin-left: 520rpx;
	font-size: 30rpx;
	
}
/* 登录 */
.button {
	margin-top: 100rpx;
    text-align: center;
  
}
button {
  width: 550rpx;
  font-size: 40rpx !important;
  border-radius: 70rpx;
  border: none;
  background-color: #3a408c;
  color: aliceblue;
  font-weight: 700;
  margin-bottom: 30rpx;
}

</style>
